<template>
  <div>
    <!-- 顶部的通栏 -->
    <TopNav />
    <!-- 顶部分类导航 -->
    <TopHeader />

    <!-- 内容区 -->
    <div class="wrapper">
      <router-view></router-view>
    </div>

    <!-- 底部的Footer -->
    <BottomFooter />
  </div>
</template>
<script>
import TopNav from './components/top-nav.vue'
import TopHeader from './components/top-header.vue'
import BottomFooter from './components/bottom-footer.vue'

export default {
  name: 'Home',
  components: { TopNav, TopHeader, BottomFooter }
}
</script>

<style scoped>
.wrapper {
  min-height: 500px;
}
</style>
